import * as React from "react";
import type { SVGProps } from "react";

const SvgIntegrations = ({ className, ...props }: SVGProps<SVGSVGElement>) => (
  <svg
    width="32"
    height="33"
    viewBox="0 0 32 33"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    className={className ? className : undefined}
    {...props}
  >
    <g opacity="0.75">
      <path
        d="M31.0436 4.63474H18.7217C18.2068 4.63474 17.7655 5.03935 17.7655 5.591V9.19554C17.7655 9.7841 18.3171 10.1518 18.7954 10.1151C19.8989 10.0414 20.5608 10.5197 20.7814 11.2186C21.2597 12.5794 19.9722 13.7196 18.8687 13.4256C18.2802 13.2786 17.7286 13.6832 17.7286 14.2715V17.7657H14.2344C13.6458 17.7657 13.2045 18.3173 13.3885 18.9059C13.6827 20.0094 12.5425 21.2599 11.1814 20.8186C10.5562 20.5979 10.0779 20.0094 10.0779 19.2001C10.0779 18.8322 10.1515 18.5749 9.93089 18.2806C9.74693 17.9863 9.48959 17.8024 9.15835 17.8024H5.55381C5.03888 17.8024 4.59755 18.207 4.59755 18.7586V31.1173C4.59755 31.6322 5.00217 32.0735 5.55381 32.0735H31.0435C31.5584 32.0735 31.9997 31.6689 31.9997 31.1173L32 5.62757C32 5.03926 31.5954 4.63466 31.0435 4.63466L31.0436 4.63474ZM21.9953 11.7704C21.9953 10.3359 20.8918 8.93813 18.8687 8.97504V5.70121H30.8963V17.7288H27.7697C27.5121 16.4047 26.3353 15.4115 24.9008 15.4115C23.4663 15.4115 22.2891 16.4047 22.0318 17.7288H18.8686V14.5289C20.3397 14.7862 21.9952 13.5357 21.9952 11.7703L21.9953 11.7704ZM18.0229 26.7037C17.177 26.5567 16.5517 25.8209 16.5517 24.9014C16.5517 23.9818 17.177 23.2463 18.0229 23.099C18.5011 23.0254 18.8688 22.5841 18.8688 22.1058V18.869H22.1056C22.6206 18.869 23.0252 18.5011 23.0988 18.0231C23.2458 17.1772 23.9816 16.5519 24.9012 16.5519C25.8207 16.5519 26.5563 17.1772 26.7035 18.0231C26.7772 18.5013 27.1818 18.869 27.6967 18.869H30.8966V30.8966L18.869 30.8968V27.6969C18.869 27.2187 18.5011 26.7771 18.0231 26.7037L18.0229 26.7037ZM11.7701 21.9957C13.5355 21.9957 14.7863 20.3406 14.5287 18.8691H17.7655V22.0323C16.4414 22.2899 15.4482 23.4668 15.4482 24.9013C15.4482 26.3358 16.4414 27.5129 17.7655 27.7703V30.8968H5.73794V18.8692H9.0115C8.93787 20.8556 10.2987 21.9958 11.7701 21.9958L11.7701 21.9957Z"
        fill="url(#paint0_linear_1502_730)"
      />
      <path
        d="M4.22976 14.2348C4.48735 15.5589 5.66424 16.5521 7.09873 16.5521C8.53321 16.5521 9.71035 15.5589 9.96769 14.2348H13.3149C13.8298 14.2348 14.2711 13.8301 14.2711 13.2785V9.9313C15.5953 9.6737 16.5885 8.49682 16.5885 7.06233C16.5885 5.62785 15.5953 4.4507 14.2711 4.19336V0.956513C14.2711 0.441584 13.8665 0.000256568 13.3149 0.000256568L0.956257 0C0.441327 0 0 0.404611 0 0.956257V13.3149C0 13.8298 0.404611 14.2711 0.956257 14.2711L4.22976 14.2348ZM15.4482 7.09911C15.4482 8.01865 14.8229 8.75422 13.977 8.90148C13.4988 8.97511 13.1311 9.41641 13.1311 9.89465V13.1315H9.89426C9.37933 13.1315 8.97472 13.4994 8.90109 13.9774C8.75408 14.8233 8.01827 15.4485 7.09873 15.4485C6.17918 15.4485 5.44362 14.8233 5.29636 13.9774C5.22272 13.4992 4.81812 13.1315 4.30319 13.1315L1.10325 13.1312V1.10365H13.1308V4.30358C13.1308 4.81851 13.4988 5.22312 13.9768 5.29675C14.8227 5.40708 15.4482 6.17957 15.4482 7.09911Z"
        fill="url(#paint1_linear_1502_730)"
      />
    </g>
    <defs>
      <linearGradient
        id="paint0_linear_1502_730"
        x1="16"
        y1="0"
        x2="16"
        y2="32.0735"
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#3FDCF7" />
        <stop offset="1" stopColor="#1890FF" />
      </linearGradient>
      <linearGradient
        id="paint1_linear_1502_730"
        x1="16"
        y1="0"
        x2="16"
        y2="32.0735"
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#3FDCF7" />
        <stop offset="1" stopColor="#1890FF" />
      </linearGradient>
    </defs>
  </svg>
);

export default SvgIntegrations;
